body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre,dl, dt, dd, ul, ol, li, th,
td, div, span, img,fieldset, lengend, button, input, select, textarea{
    margin: 0;padding: 0;
}
.clearfix{
    zoom:1;
}
.clearfix:after{
    display:block;
    content:"clear";
    clear:both;
    line-height:0;
    visibility:hidden;
}
input{
    outline:none;
}
//input:-webkit-autofill{
//    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
//}
li{
    list-style:none;
}
a{
    text-decoration:none;
}
.top{
    background:0;
    .topbar{
        .pull-left{
            ul{
                li{
                    a{
                        color:#333;
                    }
                }
            }
        }
        .pull-right{
            .tologin,.regist{
                color:#333;
            }
        }
    }
}
.login-main{
    width:100%;
    height:560px;
    position:relative;
    //overflow:hidden;
    .login-banner{
        position:absolute;
        left:50%;
        transform:translate(-50%,0);
    }
    .main-container{
        width:1200px;
        height:100%;
        position:absolute;
        top:0;
        left:50%;
        transform:translate(-50%,0);
        .main-left{
            width:584px;
            height:378px;
            position:absolute;
            top:50%;
            left:60px;
            transform:translate(0,-50%);
        }
        .main-right{
            width:360px;
            position:absolute;
            top:50%;
            right:20px;
            transform:translate(0,-50%);
            padding:56px 48px 41px 48px;
            box-shadow: 0px 2px 4px 0px
            rgba(46, 66, 154, 0.4);
            border-radius: 15px;
            background:#fff;
            .login-title{
                float:left;
                width:100%;
                height: 38px;
                margin-top: -94px;
                a{
                    display:inline-block;
                    float:left;
                    width: 170px;
                    height: 38px;
                    text-align:center;
                    line-height:38px;
                    color:#333;
                }

                img{
                    position: absolute;
                    left: 135px;
                }
                .regist-btn{
                    width:30px;
                    height:15px;
                    color:#cfcfcf;
                    font-family: MicrosoftYaHei;
                    text-decoration: underline;
                    font-size: 14px;
                    float:right;
                }
                .active-login{
                    background:url("/assets/img/login/account.png");
                    position:absolute;
                    z-index:3;
                }
                .account-log{
                    left:8px;
                }
                .account-login{
                    background:url("/assets/img/login/bx.png");
                    position: absolute;
                }
                .bx-log{
                    left: 138px;
                }
            }
            .input-group{
                width: 360px;
                height: 42px;
                background-color: #f5f5f5;
                border-radius: 5px;
                border:1px solid #ddd;
                margin-bottom:24px;
                position:relative;
                display: inline-block;
                label{
                    width:24%;
                    float:left;
                    height: 100%;
                    line-height: 42px;
                    position:relative;
                    img{
                        position:absolute;
                        top:50%;
                        left:50%;
                        transform:translate(-50%,-50%);
                    }
                }
                input{
                    border:none;
                    width:76%;
                    float:left;
                    height: 100%;
                    background: #f5f5f5;
                }
                a{
                    display:inline-block;
                    width:98px;
                    height:28px;
                    line-height:28px;
                    text-align:center;
                    background-color: #eeeeee;
                    border-radius: 2px;
                    position:absolute;
                    top:50%;
                    right:8px;
                    transform:translate(0,-50%);
                    cursor:pointer;

                }
            }

            .btn-bottom{
                width:100%;
                margin-bottom:12px;
                height:18px;
                .pull-left-btn{
                    float:left;
                    height:100%;
                    display:inline-block;
                    font-family: "MicrosoftYaHei";
                    font-size: 14px;
                    color: #00a8ff;
                    width:20%;
                }
                .err-info{
                    height:100%;
                    text-align:center;
                    color:red;
                    font-size:14px;
                    width:60%;
                    float:left;
                }
                .pull-right-btn{
                    font-family: MicrosoftYaHei;
                    text-decoration: underline;
                    font-size: 12px;
                    height:100%;
                    color: #498bdd;
                    float:left;
                    width:20%;
                    a{
                        display:inline-block;
                        float:right;
                        font-family: "MicrosoftYaHei";
                        text-decoration: underline;
                        font-size: 14px;
                        color: #999999;
                    }
                }
            }
            .login-btn{
                width: 360px;
                height: 42px;
                background-color: #15509a;
                border-radius: 5px;
                font-family: "MicrosoftYaHei";
                font-size: 14px;
                color: #ffffff;
                text-align:center;
                line-height:42px;
                cursor:pointer;
            }
        }
    }
}
